<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>SGI - {% block title %}{% endblock %} {% block subtitle %}{% endblock %}</title>
	<link href="{{ asset('bundles/chompsgi/css/bootstrap.min.css') }}" rel="stylesheet" media="screen">
        <style>
          body {
                padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
          }
        </style>
        <link href="{{ asset('bundles/chompsgi/css/bootstrap-responsive.css') }}" rel="stylesheet">
	<!--{% block stylesheets %}{% endblock %}-->
        
        <link rel="shortcut icon" href="{{ asset('favicon.ico') }}" />
		
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ asset('bundles/chompsgi/ico/apple-touch-icon-144-precomposed.png') }}">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ asset('bundles/chompsgi/ico/apple-touch-icon-114-precomposed.png') }}">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ asset('bundles/chompsgi/ico/apple-touch-icon-72-precomposed.png') }}">
        <link rel="apple-touch-icon-precomposed" href="{{ asset('bundles/chompsgi/ico/apple-touch-icon-57-precomposed.png') }}">
	<link rel="shortcut icon" href="{{ asset('bundles/chompsgi/ico/favicon.png') }}">
		
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
          <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                  <div class="container">
                    <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                    </button>
                    <a class="brand" href="#">Incidentes</a>
                    <div class="nav-collapse collapse">
                          <ul class="nav">
                            <li class="active"><a href="#">Principal</a></li>
                            <li><a href="#about">Incidentes</a></li>
                            <li><a href="#contact">Contacto</a></li>
                          </ul>
                          <button class="btn btn-primary pull-right" href="#loginModal" data-toggle="modal">Iniciar Sesión</button>
                    </div><!--/.nav-collapse -->
                  </div>
            </div>
        </div>
        <div class="container-fluid">  
            <div class="row-fluid">  
              <div class="span2">  
                <div class="well sidebar-nav">  
                  <ul class="nav nav-list">

                    <li class="nav-header">Incidentes</li>
                    <li{% if app.request.attributes.get('_route') == 'incidentes_nuevo' %} class="active" {% endif %}>
                        <a href="{{ path("incidentes_nuevo") }}">Crear</a>
                    </li>  
                    <li {% if app.request.attributes.get('_route') == 'incidentes_listar' %} class="active"{% endif %}>
                        <a  href="{{ path("incidentes_listar") }}">Listar todos</a>
                    </li>  
                    <li><a href="#">Listar pendientes</a></li>  
					<li class="nav-header">Configuración</li>
                    <li {% if app.request.attributes.get('_route') == 'empresa_listar' %} class="active"{% endif %}>
					    <a href="{{ path("empresa_listar") }}">Empresas</a></li>  
                 </ul>  
                </div><!--/.well -->  
              </div>  
              <div class="span10">  
                {% block body %}{% endblock %}
              </div>  
            </div>  
        </div> 

        {% block javascripts %}
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="{{ asset('bundles/chompsgi/js/bootstrap.min.js')}}"></script>
	{% endblock %}
    </body>
</html>
